<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Project Box, from Twitter</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
      <link rel="stylesheet" href="http://a0.twimg.com/a/1332273304/t1/css/t1_core_logged_out.bundle.css" type="text/css" media="screen" />
      <link rel="stylesheet" href="http://a0.twimg.com/a/1332273304/t1/css/t1_more.bundle.css" type="text/css" media="screen" />



    
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.7.1.js"></script>
    <script src="js/bootstrap.js"></script>



    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">








  </head>

  <body class="t1   logged-out   front-random-image-city-balcony   front-page">

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">Project name</a>
          <div class="nav-collapse">
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class accesskey="page-outer">
    <div class="front-container" id="front-container">
<noscript>
  <div class="front-no-js-warn">
<h3>Twitter.com makes heavy use of JavaScript</h3>
<p>If you cannot enable it in your browser's preferences, you may have a better experience on our <a href="http://m.twitter.com">mobile site</a>.</p>
  </div>
</noscript>

<div class="front-card">
  <div class="front-welcome">
<div class="front-welcome-text">
  <h1>Welcome to Twitter.</h1>
  <p>Find out what&#8217;s happening, right now, with the people and organizations you care about.</p>
</div>
  </div>

  <div class="front-signin js-front-signin">
<form action="https://twitter.com/sessions?phx=1" class="signin" method="post">
  <div class="placeholding-input username">
    <input type="text" class="text-input email-input" name="session[username_or_email]" title="Username or email" autocomplete="on">
    <span class="placeholder">Username or email</span>
  </div>

  <table class="flex-table password-signin">
    <tbody>
      <tr>
        <td class="flex-table-primary">
          <div class="placeholding-input password flex-table-form">
            <input type="password" class="text-input flex-table-input" name="session[password]" title="Password">
            <span class="placeholder">Password</span>
          </div>
        </td>
        <td class="flex-table-secondary">
          <input type="submit" class="submit btn primary-btn flex-table-btn js-submit" value="Sign in">
        </td>
      </tr>
    </tbody>
  </table>

  <div class="remember-forgot">
    <label class="remember">
      <input type="checkbox" value="1" name="remember_me">
      <span>Remember me</span>
    </label>
    <span class="separator">&middot;</span>
    <a class="forgot" href="/account/resend_password">Forgot password?</a>
  </div>



  <input type="hidden" name="scribe_log">
  <input type="hidden" name="redirect_after_login" value="">
</form>
  </div>

  <div class="front-signup js-front-signup">
<h2><strong>New to Twitter?</strong> Sign up</h2>

<form action="https://twitter.com/signup" class="signup" method="post">
  <div class="placeholding-input">
    <input type="text" class="text-input" autocomplete="off" name="user[name]" maxlength="20">
    <span class="placeholder">Full name</span>
  </div>
  <div class="placeholding-input">
    <input type="text" class="text-input email-input" autocomplete="off" name="user[email]">
    <span class="placeholder">Email</span>
  </div>
  <div class="placeholding-input">
    <input type="password" class="text-input" name="user[user_password]">
    <span class="placeholder">Password</span>
  </div>

  <input type="hidden" value="front" name="context">
  <input type="submit" class="btn signup-btn" value="Sign up for Twitter">
</form>
  </div>
</div>

<div class="footer inline-list">
<ul>
  <li><span class="copyright">&copy; 2012 Company</span></li>
</ul>

  </div>

  </div>

                                      </div>

  </body>
</html>
